/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
    font-family: 'Source Sans Pro', sans-serif; background-color:#ffffff!important;
}

* {
    box-sizing: border-box;
}

a {
    color: #333;
}

/*.description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}*/


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    width:1020px;
    margin: 0 auto;
    background: #ffffff;
}
.top_right{ width:800px; float:right; margin-left:10px;}
.top_right_up{ width:800px; float:left; margin-bottom:10px;}
.top_right_up ul{ width:800px; float:left; text-align:right;}
.top_right_up li{ height:25px; margin:0 3px; float:right; line-height:25px;  font-size:12px; font-family:'微软雅黑'; color:#666; }
.top_right_up li a{ line-height:25px; font-size:12px; font-family:'微软雅黑'; color:#666; text-decoration:none; }
.top_right_up li a:hover{ color:#e94127!important; text-decoration:none; }
.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}
.top_logo{ background:url(2016050513572733701.jpg) no-repeat left center; width:200px; height:77px; float:left;}
.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
	font-size:18px;
	font-family:'微软雅黑';
	height:42px;
	line-height:42px;
        padding: 0;
	margon:0 3px;;
	width:108px;
	text-align:center;
    
}

.menu > ul > li a {
	font-size:18px;
	font-family:'微软雅黑';
	height:42px;
	line-height:42px;
        text-decoration: none;
	text-align:center;
	display:block;
}

/*.menu > ul > li:after,.menu > ul > li:after {color:#ffffff!important;}
.menu > ul > li a:hover {color:#ffffff; }
.menu > ul > li:active {color:#ffffff!important; }*/
.menu > ul > li:active,.menu > ul > li:hover { width:108px; text-align:center; color:#ffffff!important; background:url(2016050514292147845.jpg) no-repeat; text-align:center;font-family: "Microsoft YaHei";}
	
.daohang{ width:100%;  margin-bottom:8px; border-bottom:1px dotted #999;  float:left;  background-color:#fefdfd; font-family: "Microsoft YaHei";  color:#0e5082;}
.daohang a{ padding:0 15px; height:45px; line-height:45px; white-space:nowrap; display:block; color:#0e5082; float:left; font-size:16px!important;}
.daohang a:hover{ color:#e94016!important; display:block; }

.menu > ul > li > ul > next_title a:hover,.menu > ul > li >  ul > next_title a:focus{color:#e94016!important; line-height:30px; }

.menu > ul > li > ul > next_title a:hover,.menu > ul > li > ul > next_title a:focus,.menu > ul > li > ul > gongs2_title a:hover,.menu > ul > li > ul > gongs2_title a:focus,.menu > ul > li > ul > next_title a:focus{color:#e94016!important; line-height:30px; }
.menu > ul > li > ul {
    display: none;
	border-top:2px solid #e94016;
    width: 1000px;
    padding:0 20px 20px 20px;
    position: absolute;
    z-index: 990;
    left: -200px;
    margin: 0;	
    list-style: none;
    box-sizing: border-box;
	background:url(nav_nemu_bg.png);

}
.next_title a{
	font-size:16px; 
	font-family:"微软雅黑";
	line-height:30px;
	color:#e94016!important;
	}
.next_title a:hover{
	font-size:16px; 
	font-family:"微软雅黑";
	line-height:30px;
	color:#e94016!important;
	}
.next_img{  height:90px!important; }
.one_link{ width:170px!important; float:left; padding-left:10px;}
.second_link{ width:85px!important; color:#666;font-size:14px!important; float:left; padding-left:7px;}
.three_link{ width:110px!important; float:left; padding-left:7px;}
.gongs_title {	font-size:16px!important; font-family:"微软雅黑"; line-height:60px!important;  color:#e94016!important;}
.gongs2_title {	font-size:16px!important; font-family:"微软雅黑"; line-height:40px!important; color:#0e5082!important;}
.clear{ clear:both;}


.gongs160_link{ width:160px!important; line-height:60px!important; float:left; padding-left:10px;}
.gongs130_link{ width:130px!important; line-height:60px!important; float:left; padding-left:10px;}
.gongs100_link{ width:100px!important; line-height:60px!important; float:left; padding-left:10px;}
.gongs80_link{ width:85px!important; line-height:60px!important; float:left; padding-left:10px;}
.gongs_img{  height:125px!important; }
.gongs_fwfa{ width:170px!important; line-height:25px!important; height:25px!important; float:left; padding-left:10px;}

.xqy1_img{ height:135px!important; }
.xqy2_img{ height:90px!important; }
.xqycp_box{ width:420px; float:left;}
.xqycp_box div{ width:120px; float:left; margin:0 10px; padding:8px 0; background-color:#dbecf4;}
.xqycp_box div a{ width:120px; height:30px!important; display:block; float:left; text-align:center!important; font-size:16px!important; font-family:"微软雅黑"; line-height:30px!important;}

.xqyjrzx { width:190px!important; height:123px!important;}
.xqyjrzx span{ font-size:14px!important; font-family:"微软雅黑"; line-height:25px!important; text-indent:2.3em!important;}


.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
	color:#ffffff!important;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    width: 25%;
    float: left;
	background:none;
	list-style:none;
	font-size:16px; 
	font-family:"微软雅黑";
	line-height:30px;
}

.menu > ul > li > ul > li a {
    width: 95%;
    display: block;
	font-size:16px; 
	font-family:"微软雅黑";
	text-align:left;
	color:#0e5082!important;
	height:30px!important;
	line-height:30px;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
	text-align:left;
         margin: 0;
	font-size:14px; 
	font-family:"微软雅黑";
	line-height:30px;
	height:30px;
	color:#5e5d59;
}

.menu > ul > li > ul > li > ul > li a {
        border: 0;
	font-size:14px; 
	font-family:"微软雅黑";
	line-height:30px;
	text-align:left;
	color:#5e5d59!important;
}

.menu > ul > li > ul > li > ul > li a:hover {
	font-size:14px; 
	font-family:"微软雅黑";
	line-height:30px;
	text-align:left;
	color:#e94016!important;
}
.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 109px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}